import { StyleSheet, Platform } from 'react-native'
import { scaleSize } from '../../utils'
import { color } from '../../styles'

export default StyleSheet.create({
  defaultHeaderView: {
    width: '100%',
    paddingTop: Platform.OS === 'ios' ? 20 : 0,
    height: scaleSize(80) + (Platform.OS === 'ios' ? 20 : 0),
    // borderBottomWidth: 1,
    // borderBottomColor: '#e2e2e2',
    flexDirection: 'row',
    backgroundColor: color.USUAL_BLUE,
    alignItems: 'center',
  },
  floatHeaderView: {
    position: 'absolute',
    top: 0,
    zIndex: 10001,
    width: '100%',
    paddingTop: Platform.OS === 'ios' ? 20 : 0,
    height: scaleSize(80) + (Platform.OS === 'ios' ? 20 : 0),
    backgroundColor: '#rgba(255, 255, 255, 0)',
    flexDirection: 'row',
    alignItems: 'center',
  },
  floatNoTitleHeaderView: {
    position: 'absolute',
    top: 0,
    zIndex: 100019,
    width: '100%',
    paddingTop: Platform.OS === 'ios' ? 20 : 0,
    height: scaleSize(80) + (Platform.OS === 'ios' ? 20 : 0),
    flexDirection: 'row',
    alignItems: 'center',
    backgroundColor: '#rgba(255, 255, 255, 0)',
  },
  navigationHeader: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
  },
  backBtn: {
    position: 'absolute',
    zIndex: 10001,
    width: 80,
    padding: 5,
    marginLeft: scaleSize(10),
    justifyContent: 'center',
    // alignItems: 'flex-start',
  },
  backIcon: {
    // width: 9,
    // height: 14,
    width: scaleSize(34),
    height: scaleSize(34),
    backgroundColor: '#rgba(255, 255, 255, 0)',
    marginRight: 3,
  },
  iconBtnBg: {
    width: 30,
    height: 30,
    borderRadius: 15,
    justifyContent: 'center',
    alignItems: 'center',
  },
  iconBtnBgDarkColor: {
    backgroundColor: '#rgba(0, 0, 0, 0.6)',
  },
  headerLeftView: {
    position: 'absolute',
    zIndex: 10001,
    width: 80,
    padding: 5,
    marginLeft: 5,
    alignItems: 'flex-start',
    justifyContent: 'center',
    backgroundColor: 'transparent',
  },
  headerRightView: {
    position: 'absolute',
    zIndex: 10001,
    height: scaleSize(80),
    alignItems: 'center',
    justifyContent: 'space-around',
    flexDirection: 'row',
    right: 10,
    backgroundColor: 'transparent',
  },
  headerTitleView: {
    position: 'absolute',
    zIndex: -1,
    left: 0,
    right: 0,
    alignItems: 'center',
    justifyContent: 'center',
  },
  headerTitle: {
    // fontSize: 18,
    // color: '#222222',
    color: 'white',
    fontSize: 17,
    // fontWeight: 'bold',
    backgroundColor: 'rgba(255, 255, 255, 0)',
  },
  count: {
    position: 'absolute',
    color: '#fa575c',
    left: 38,
  },
})
